<template>
    <div class="main">
        <el-aside width="12%">
            <el-menu :default-active="nowPath" class="el-menu-vertical-demo" :router="true">
                <el-menu-item index="/homeframe/order/list">
                    <i class="el-icon-eleme"></i>
                    <span slot="title" id="default">订单列表</span>
                </el-menu-item>
                <el-menu-item index="/homeframe/order/setup">
                    <i class="el-icon-picture-outline-round"></i>
                    <span slot="title">订单设置</span>
                </el-menu-item>
                <el-menu-item index="/homeframe/order/refund">
                    <i class="el-icon-help"></i>
                    <span slot="title">退款申请</span>
                </el-menu-item>
                <el-menu-item index="/homeframe/order/reason">
                    <i class="el-icon-document-copy"></i>
                    <span slot="title">退换货申请</span>
                </el-menu-item>
            </el-menu>
        </el-aside>
        <el-main>
            <router-view />
        </el-main>
    </div>
</template>

<script>
export default {
    data() {
        return {
            nowPath: "/homeframe/order/list",
        };
    },
    mounted() {
        document.getElementById("default").click();
    },
};
</script>
<style lang="less" scoped>
// .el-main {
//     padding: 0;
// }
</style>